<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text">
    <ul>
        <li>吃饭</li>
        <li>睡觉</li>
        <li>打豆豆</li>
    </ul>

</body>
</html>
<script>
    //表单元素常用的事件:blur、focus、change、keydown
    //oninput事件:经常与表单元素一起使用,当表单元素的文本内容发生变化立马触发事件一次！！！
    let input = document.querySelector('input');
    //表单元素绑定input事件
    input.oninput = function(){
        console.log('表单元素的事件！！！');
    }
</script>
<script>
     //伪数组:类似于数组，只能用数组的length属性，不能数组的方法
     //arguments|document.querySelectAll
     function fun (){
       console.log(arguments.length);
       //面试题:伪数组变为数组
       let arr = [...arguments];
       //ES6中新增的语法，可以把伪数组变为数组
       let arr1 = Array.from(arguments);
     }
     fun(10,20,30);

     let lis = document.querySelectorAll('li');
     lis.push(123);
</script>